<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>day4 demo </title>
<style type="text/css">

	.ball{
		width: 15px;height: 15px;
		background-color: red;
		border-radius: 50%;
	}


</style>
</head>
<body>

<ol>
	<li>组件内部使用全局组件</li>
</ol>

<div id="app">

	<mycomponent></mycomponent>

</div>








<br>
<script src="vue.js"></script>

<script type="text/javascript">

var login = {
	template:'<h1>这是template模板的文字</h1>'
}




var app = new Vue({
  el: '#app',

  data: {
  	
  },

  methods:{
  
},//methods结束
	
	components:{
		'mycomponent':login//等同于=》 组件名：组件渲染模板
	}



})





</script>

	
</body>
</html>